import Guide from '@/components/Guide';
import { PageContainer } from '@ant-design/pro-components';
import styles from './index.less';

const HomePage: React.FC = () => {
  return (
    <PageContainer ghost>
      <div className={ styles.container }>
        <Guide name={
          <>
            <h1>欢迎使用AI创意盒子</h1>
            <p>
              在这里，你可以利用AI功能快速实现你的创意，甚至无需注册账户，只需要一句简单的描述，即可生成精美的图片。
            </p>
            <p>
              你还可以在 <a href="/exhibition"><i>创意展</i></a> 中观赏他人的AI创意作品。
            </p>
            <p>
              你只需要在 <a href="/recharge"><i>账户充值</i></a> 页面，输入你的爱发电订单号，将立刻开启AI创作之路。
            </p>
          </>
        }/>

      </div>
    </PageContainer>
  );
};

export default HomePage;
